<template>
  <div class="com">
    小日子
    <router-link to="/communication/attr-listeners"
      >$attrs与$listeners</router-link
    >&nbsp;&nbsp;
    <router-link to="/communication/children-parent"
      >$children与$parent</router-link
    >&nbsp;&nbsp;

    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "Communication",
};
</script>

<style lang="less" scoped>
.com {
  margin: 10px;
  a {
    font-size: 16px;
    margin-right: 5px;
    &.router-link-active {
      color: red;
    }
  }
}
</style>